@import "~@/styles/variables.scss";
//header
.logout-dropdown{
  margin: 0!important;
  padding: 4px 0!important;
  .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
    color: #262626;
    background-color: #f5f5f5;
  }
  .popper__arrow{
    top :0 !important;
    display: none!important;
  }
  .svg-icon,.logout-text{
    vertical-align: middle!important;
  }
}


//菜单

.main {
  transition: margin-left .28s;
}

.breadcrumb-wrapper {
  display: inline-block;
  font-size: 14px;
  .el-breadcrumb__item .el-breadcrumb__inner.is-link{
    color: #fff;
    font-size: 14px;
    font-weight: normal;
  }
  .el-breadcrumb__item:last-child .el-breadcrumb__inner{
    color: #AFB2B7;
    &:hover{
      color: #AFB2B7;
    }
  }
}

.login-form {
  .el-input {
    .el-input__inner {
      border: none;
      border-bottom: 1px solid #E5E7ED;
      box-shadow: none !important;
    }
  }
}

.page-wrapper {
  flex-grow: 1;
  border: 35px solid #f0f2f5;
  .base-info {
    padding: 10px;
    font-weight: 600;
    text-align: left;
  }
  .search-form {
    padding: 50px 20px 10px;
    border-bottom: 10px solid #f0f2f5;
    .el-form .el-form-item {
      margin-bottom: 39px;
      .el-form-item__label {
        padding-left: 30px;
      }
    }
  }
  .data-table {
    padding: 28px 20px;
  }
}

.el-pagination {
  float: right;
  padding:20px 5px !important;
}

.table-wrapper{
  .loading-data{
    .loading-icon{
      vertical-align: middle;
    }
  }
  .el-table{
    thead>tr>th{
      background: #f4f2f8;
      color: #2A2A2A;
      .cell{
        white-space: nowrap;
        text-align: center;
      }
      
    }
    tbody>tr>td{
      padding: 8px 0;
      .cell{
        white-space: nowrap;
        // white-space: pre-line;
        text-align: center;
        .el-button{
          height: 38px;
        }
      }
    }
  }
}

.el-dialog__wrapper{
  .el-dialog{
    border-radius: 4px 4px 0px 0px;
    .el-dialog__header{
      background: linear-gradient(90deg,#3b4a8b,#2f3778);
      text-align: center;
      .el-dialog__title{
       color: #fff;
      }
     .el-dialog__close{
         font-weight: 700;
         color: #fff;
     }
   }
   .el-dialog__body{
     overflow: auto;
     padding-top: 16px;
   }
   .el-dialog__footer{
     text-align: center;
     border-top: 0;
     height: 100px;
    .el-button{
      min-width: 107px;
      // &:first-of-type{
      //   margin-right: 30px;
      // }
    }
    .el-button--default{
      border-radius: 22px !important;
      box-shadow: 2px 2px 2px 0px rgba(79,79,79,0.16); 
    }
    .el-button--primary{
      box-shadow: 2px 2px 4px 0px #0642dd; 
    }
    .el-button--success{
      box-shadow: 2px 2px 2px 0px rgba(55,117,13,0.36); 
    }
    .el-button--warning{
      box-shadow: 2px 2px 4px 0px #d30f3d; 
    }
   }

  }

}


.inp-width-90p{
  .el-input{
    width: 90%;
  }
  .inp-unit{
    margin-left: 6px;
  }
}
.el-button{
  height: 48px;
  [class*="el-icon-"]{
    font-weight: 700;
  }
  [class*="el-icon-"]+span{
    margin-left: 8px !important;;
  }
  // &.page-btn-green{
  //   background:  linear-gradient(#73c03b , #44ba8d ) !important;
  //   border-radius: 22px !important;
  //   color: #fff !important;
  //   &:hover,&:focus,&:active{
  //     outline: none;
  //     color: #fff !important;
  //   }
  // }
  // &.page-btn-red{
  //   background:  linear-gradient(#F7564A , #F02E73 ) !important;
  //   border-radius: 22px !important;
  //   color: #fff !important;
  //   &:hover,&:focus,&:active{
  //     outline: none;
  //     color: #fff !important;
  //   }
  // }
  // &.page-btn-blue{
  //   background: linear-gradient(#4174f7,#1455fd) !important;
  //   border-radius: 22px !important;
  //   color: #fff !important;
  //   &:hover,&:focus,&:active{
  //     outline: none;
  //     color: #fff !important;
  //   }
  // }
  &.table-button-green{
    border: none;
    background: #CFFFDF;
    color: #069C38;
    &:hover,&:focus,&:active{
      outline: none;
      background: #cfffdf;
      color: #069C38;
    }
  }
  &.table-button-red {
    border: none;
    background: #FEE5DB;
    color: #C50623;
    &:hover,&:focus,&:active{
      outline: none;
      background: #FEE5DB;
      color:#C50623;
    }
  }

  &.table-button-blue {
    border: none;
    background: #e9f3ff;
    color:  #005BE5;
    &:hover,&:focus,&:active{
      outline: none;
      background: #e9f3ff;
      color:  #005BE5;
    }
  }

  &.table-button-orange {
    border: none;
    background: #ffefd2;
    color:  #c3791d;
    &:hover,&:focus,&:active{
      outline: none;
      background: #ffefd2;
      color:  #c3791d;
    }
  }
}

.el-button--primary{
  background: linear-gradient(#4174f7,#1455fd) !important;
  border-radius: 22px !important;

  &.is-disabled {
    color: #FFFFFF !important;
    background: #8cc8ff !important;
    border-color: #8cc8ff !important;
  }
}

.el-button--success{
  background:  linear-gradient(#73c03b , #44ba8d ) !important;
  border-radius: 22px !important;

}
.el-button--warning{
  background:  linear-gradient(#F7564A , #F02E73 ) !important;
  border-radius: 22px !important;
}
.el-dialog {
  .el-dialog__header {
    padding: 16px 46px;
    border-radius: 4px 4px 0 0;
  }
  .el-dialog__title {
    font-weight: 600;
  }
  .el-dialog__body {
    padding: 0 46px 16px 46px;
  }
  .el-dialog__footer {
    padding: 20px 30px;
    border-radius: 0 0 4px 4px;
  }
}

.el-form .el-form-item {
  margin-bottom: 20px;
}
.el-form-item .el-select .el-input__inner {
  padding-right: 30px;
}
.el-form {
  .el-select {
    width: 100%;
  }
  .el-input-number {
    width: 100%;
  }
  .el-date-editor {
    width: 100% !important;
    .el-range-separator,
    .el-range__icon,
    .el-range__close-icon {
      line-height: 26px;
    }
  }
}

.piece-title {
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
  color: #100625;
  margin-bottom: 10px;
}

.detail-panel {
  border: none;
  color: #100625;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  margin-bottom: 30px;
  background: #fff;

  .detail-panel-item {
    .detail-panel-item__context {
      color: #988CA4;
    }
  }
}
.tip-dialog__wrapper.el-message-box.el-message-box--center{
    text-align: center;
    border: 0;
    color: #fff;
    width: 427px;
    min-height: 281px;
    vertical-align: middle;
    border-radius: 4px;
    position: relative;
  .el-message-box__header{
    background: linear-gradient(90deg,#3b4a8b,#2f3778);
    height: $dialogHeaderHeight;
    padding: 0;
    .el-message-box__title{
      color: #fff;
      line-height: $dialogHeaderHeight;
    }
    .el-icon-close{
     color: #fff;
    }
  }
  .el-message-box__content{
    min-height: 97px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
  }
  .el-message-box__btns{
    .el-button{
      border-radius: 22px;
      min-width: 107px;
      &:first-of-type{
        margin-right: 30px;
      }
    }
    .el-button--default{
      box-shadow: 2px 2px 2px 0px rgba(79,79,79,0.16); 
    }
    .el-button--primary{
      box-shadow: 2px 2px 4px 0px #0642dd; 
    }
    .el-button--success{
      box-shadow: 2px 2px 2px 0px rgba(55,117,13,0.36); 
    }
    .el-button--warning{
      box-shadow: 2px 2px 4px 0px #d30f3d; 
    }
  }
}
//switch class='switch-dialog'
.switch-dialog.el-switch.is-disabled {
  opacity: 1;
  .el-switch__core,
  .el-switch__label {
    cursor: pointer;
  }
}


//地址级联选择器
.el-cascader-panel .el-radio {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  top: 0px;
  right: 0px;
}
.el-cascader-panel .el-radio__input {
  visibility: hidden;
}

.el-transfer-panel{
  width: 320px;
  .el-transfer-panel__body{
    height: 350px;
  }
}


.el-tabs--card > .el-tabs__header {
  border: none !important;
  margin-left: 30px;
  margin-bottom:1px;
  .el-tabs__nav{
    border: 1px solid #DDD1E8 !important;
    border-radius: 0 !important;
  }
  .el-tabs__item{
    border-right: 1px solid #DDD1E8;
    padding: 0 34px !important;
    color: #847593;
    &:last-child{
      border-right: none;
    }
  }
  .el-tabs__item.is-active{
    background: #fff;
    color: #4C71F9;
  }
}